import React from 'react';
import { Icon } from 'antd-mobile';
import styles from './enterpriseInformation.css';

import phoneIcon from '../../../../../../icons/partTimeDetail/phone-icon.png';

const EnterpriseTnformation = ({
  customer,
  onViewClick=()=>{}
}) => {

  // console.log('customer',customer);

  return(
    <div className={styles.briefIntroductionBody}>

      <div className={styles.compayContent} onClick={()=>onViewClick(customer.id)}>
        <div className={styles.compayName}>
          <span>{customer.name}</span>
          {/* <img/> */}
        </div>
        <div className={styles.itemArrow}>
          <Icon type='right' size='md' color='#6A6A6A' />
        </div>
      </div>
      <a href={`tel:${customer.phone}`}>
        <div className={styles.describeContent}>
          <div className={styles.labelContent}>
            <img src={phoneIcon}/>
            <span>联系商家:{customer.phone}</span>
          </div>
          <div className={styles.itemArrow}>
            <Icon type='right' size='md' color='#6A6A6A' />
          </div>
        </div>
      </a>

    </div>
  )
}

export default EnterpriseTnformation;
